<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich">

<ui:composition
	template="/WEB-INF/facelets/templates/templateGrupo.xhtml">
	<ui:define name="content">
		<h3 align="center">FORMATO PARA EL REGISTRO DE VISITAS PROGRAMA
			ONDAS</h3>
		<br />
		<br />
		<br />

		<h2>DATOS GENERALES</h2>
		<br />
		<br />
		<br />

		<a4j:form>

			<table>

				<tr>
					<th>Visita No.</th>
					<th><h:inputText
							value="#{grupoBean.visitaProgramada.numeroVisita}"></h:inputText>
					</th>

				</tr>

				<tr>
					<th>Fecha De Visita</th>

					<th><rich:calendar datePattern="d/M/yy"
							value="#{grupoBean.visitaProgramada.fecha}"></rich:calendar></th>
				</tr>

				<tr>
					<th>Duración</th>

					<th><h:inputText
							value="#{grupoBean.visitaProgramada.duracion}">
						</h:inputText></th>
				</tr>
				<tr>
					<th>Propósito de la visita:</th>

					<th><h:inputTextarea
							value="#{grupoBean.visitaProgramada.proposito}"></h:inputTextarea>
					</th>

				</tr>

				<tr>
					<th>Actividades realizadas:</th>

					<th><h:inputTextarea
							value="#{grupoBean.visitaProgramada.actividades}"></h:inputTextarea>
					</th>

				</tr>
			</table>

			<br />
			<br />
			<br />
			<h2>PARTICIPANTES EN LAS ACTIVIDADES</h2>
			<br />
			<br />
			<br />

			<table border="1">

				<tr>

					<th>Participantes</th>
					<th>Número</th>
				</tr>

				<tr>

					<td>Directivos</td>
					<td><h:inputText
							value="#{grupoBean.visitaProgramada.numeroDirectivos}"></h:inputText>
					</td>
				</tr>
				<tr>

					<td>Maestros (as)</td>
					<td><h:inputText
							value="#{grupoBean.visitaProgramada.numeroMaestros}"></h:inputText>
					</td>
				</tr>

				<tr>

					<td>Niños y Niñas</td>
					<td><h:inputText
							value="#{grupoBean.visitaProgramada.numeroEstudiantes}"></h:inputText>
					</td>
				</tr>

				<tr>

					<td>Otras personas (¿Quiénes?)</td>
					<td><h:inputText
							value="#{grupoBean.visitaProgramada.preguntas}"></h:inputText>
					</td>
				</tr>

				<tr>
					<td>Logros y fortalezas encontradas con relación al trabajo
						del equipo, al proceso investigativo y a los productos generados
						hasta el momento</td>
					<td><h:inputTextarea style="height: 64px; width: 199px; "></h:inputTextarea>
					</td>
				</tr>

				<tr>
					<td>Dificultades que se encontraron</td>
					<td><h:inputTextarea style="height: 64px; width: 199px; "
							value="#{grupoBean.visitaProgramada.dificultades}"></h:inputTextarea>
					</td>
				</tr>

				<tr>
					<td>Principales aportes de la asesoría</td>
					<td><h:inputTextarea style="height: 64px; width: 199px; "
							value="#{grupoBean.visitaProgramada.aportesAsesor}"></h:inputTextarea>
					</td>
				</tr>

				<tr>
					<td>Compromisos establecidos para la próxima visita</td>
					<td><h:inputTextarea style="height: 64px; width: 199px; "
							value="#{grupoBean.visitaProgramada.compromisos}"></h:inputTextarea>
					</td>
				</tr>


				<tr>

					<td>Fecha prevista para la próxima visita</td>
					<td><rich:calendar datePattern="d/M/yy"
							value="#{grupoBean.visitaProgramada.proximaVisita}"></rich:calendar>
					</td>
				</tr>

				<tr>
					<td>Comentarios</td>
					<td><h:inputTextarea style="height: 64px; width: 199px;"
							value="#{grupoBean.visitaProgramada.comentarios}"></h:inputTextarea>
					</td>
				</tr>
				<tr>
					<th></th>
					<th><h:commandButton value="Cancelar"></h:commandButton> <h:commandButton
							value="Aceptar"
							action="#{grupoBean.crearFormatoVisitasProgramadas}"></h:commandButton>
					</th>

				</tr>
			</table>
		</a4j:form>
	</ui:define>
	<ui:define name="menu">
		<a4j:form>
			<ul class="menu">
				<li class="item174"><a href="grupoIni.jsf"> <span>Atras</span>
				</a>
				</li>
			</ul>
		</a4j:form>
	</ui:define>
</ui:composition>
</html>